/**
* 功能描述: 基础卡片样式Demo页面
* @author 赵常畅
* @date 2022/9/23 9:28
* @version 1.0
*/
<template>
  <div class="yw-card yw-card-bordered yw-card-small" style="width: 300px;">
    <div class="yw-card-head">
      <div class="yw-card-head-wrapper">
        <div class="yw-card-head-title">Small size card</div>
        <div class="yw-card-extra">
          <a href="#">more</a></div>
      </div>
    </div>
    <div class="yw-card-body">
      <p>card content</p>
      <p>card content</p>
      <p>card content</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>
.yw-card {
  margin: 30px;
}
</style>